<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../vuejs/vuejs-2.5.16.js"></script>
    <script type="text/javascript" src="../vuejs/axios-0.18.0.js"></script>
</head>
<body>
  <div id="postdiv">
    <div id="postlistdiv">
        <table border="1" align="center" rules="all">
            <tr>
               <td colspan="100">
                   按照名称：<input type="text" v-model="searchEntity.postname"/>
                   <input type="button" value="检索" @click="getPostListConn()"/>
               </td>
            </tr>
            <tr align="center" bgcolor="#ffe4b5">
                <th>编号</th>
                <th>名称</th>
                <th>描述</th>
                <th colspan="100">操作</th>
            </tr>
            <tr v-for="p in postlist" align="center">
                <td>{{p.id}}</td>
                <td>{{p.postname}}</td>
                <td>{{p.postdesc}}</td>
                <td>
                    <button>删除</button>
                    <button>分配权限</button>
                </td>
            </tr>
            <tr>
                <td colspan="100">
                    当前{{page.currentPage}}/{{page.pageCount}}页;
                    <button @click="paging(1)">首页</button>
                    <button @click="paging(page.previousPage)">上一页</button>
                    <button @click="paging(page.nextPage)">下一页</button>
                    <button @click="paging(page.pageCount)">尾页</button>
                </td>
            </tr>
        </table>
    </div>
  </div>
</body>
<script type="text/javascript" src="../myjs/post_list.js"></script>
</html>